<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>浮动场景1：图片与文字环绕</title>
		<style>
			img{
				/* 图片脱离文档流--文字包含在图片周边 */
				float: left;
				margin-right: 50px;/*图片与文字链接处间隙*/
				margin-bottom: 50px;/*图片与文字链接处间隙*/
			}
			p{
				font-size: 16px; /*页面默认字体尺寸*/
				line-height: 20px; /*浮动文字，行高无法设定*/
				word-spacing: 5px; 
			}
		</style>
	</head>
	<body>
		<h1>浮动之图片文字环绕</h1>
		<img src="img/OIP-C.jpg" alt="木" width="250px" height="250px"/>
		<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Ipsa ratione, harum similique asperiores eaque veniam iste adipisci sit minima neque libero quidem maxime laudantium ipsum mollitia repudiandae enim nesciunt Lorem ipsum dolor sit amet consectetur adipisicing elit. Nam, id officiis corporis consequuntur distinctio molestiae ea quo incidunt, eveniet odio accusamus in vitae! Enim sint, placeat ad praesentium reprehenderit ut. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nam totam facere cum ipsum eveniet ex neque quas! Aperiam culpa omnis esse explicabo labore odio aut rerum, veniam ad voluptas sapiente.	<nostrum!></nostrum!></p>
	</body>
</html>